.header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 3.75rem; /* 60px */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  
  :global(.adm-nav-bar-title) {
    color: white !important;
    font-weight: 600;
    font-size: 1.125rem; /* 18px */
  }
  
  :global(.adm-nav-bar-back-arrow) {
    color: white !important;
    font-size: 1.25rem; /* 20px */
  }
  
  :global(.adm-nav-bar-left) {
    color: white !important;
  }
  
  :global(.adm-nav-bar-right) {
    color: white !important;
  }
}

.rightContent {
  display: flex;
  align-items: center;
  gap: 12px;
}

.icon {
  font-size: 20px;
  color: white;
  cursor: pointer;
  transition: opacity 0.3s ease;
  
  &:hover {
    opacity: 0.7;
  }
}

/* 移动端适配 */
@media (max-width: 768px) {
  .header {
    height: 3.125rem; /* 50px */
    
    :global(.adm-nav-bar-title) {
      font-size: 1rem; /* 16px */
    }
    
    :global(.adm-nav-bar-back-arrow) {
      font-size: 1.125rem; /* 18px */
    }
  }
  
  .icon {
    font-size: 1.125rem; /* 18px */
  }
  
  .rightContent {
    gap: 0.5rem; /* 8px */
  }
}
